<template>
  <div class="home">
    <!-- 头部组件 -->
    <Header></Header>
    <!-- 吸顶部分 -->
    <TopHalf class="TopHalf"></TopHalf>
    <!-- 导航组件 -->
    <Nav></Nav>
    <!-- 内容部分 -->
    <div class="w">
      <router-view></router-view>
    </div>
    <!-- 底部 -->
    <Footer></Footer>
  </div>
</template>
<script>
// 引入组件
import Header from "@/components/Home/Header";
import Nav from "@/components/Home/Nav";
import TopHalf from "@/components/Home/TopHalf.vue";
import Footer from "@/components/Home/Footer.vue";
export default {
  components: {
    Header,
    Nav,
    TopHalf,
    Footer,
  },
  name: "AppHome",
  data() {
    return {
      showTop: true,
    };
  },
  mounted() {},
};
</script>
<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100%;
}
</style>
